<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>无标题文档</title>
		<link rel="stylesheet" type="text/css"
			href="${ctx}/js/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="${ctx}/js/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="${ctx}/css/demo.css">
		<script type="text/javascript" src="${ctx}/js/jquery-1.8.0.min.js"></script>

		<script type="text/javascript" src="${ctx}/js/jquery.easyui.min.js"></script>
			<script type="text/javascript" src="${ctx}/js/locale/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript" src="${ctx}/js/src/jquery.parser.js"></script>
		<style>
#sel td {
	font: 16px/ 26px "微软正黑体", "华文楷体", Arial, sans-serif, Verdana, Tahoma;
}
</style>

		<script>
	jQuery(function($) {

	});
	jQuery.ajaxSetup( {
		cache : false
	});//ajax不缓存 
    //时间转换
	function formattime(val) {
		var date = new Date(val);
		return date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
				+ date.getDate();
	}
	//状态
		function zt(val) {
		if(val==0){
		return "启用"
		}else{
		return "禁用"
		}
	    }	
     //提交查询参数
	function searchPurchaseRefund() {

		x = $("form").serializeArray();
		var params = $("#tt2").datagrid("options").queryParams;
		$.each(x, function(i, field) {
				params[field.name] = field.value;
			});
		$("#tt2").datagrid("reload");
	}
	$(function() {
		$('#tt2')
				.datagrid(
						{
							title : '',
							iconCls : 'icon-save',
							width : 500,
							height : 550,
							nowrap : false,
							striped : true,
							fitColumns : true,
							fit : true,
							url : '${ctx}/role/queryRole.shtml',
							sortName : 'rid',
							queryParams : {},
							pageSize : 10,
							sortOrder : 'desc',
							idField : 'uid',
							frozenColumns : [ [ {
								field : 'uid',
								checkbox : true
							}, {
								title : 'id',
								field : 'rid',
								width : 100,
								sortable : true
							} ] ],
							columns : [ [ {
								field : 'rname',
								title : '名称',
								width : 120
							},  {
								field : 'rzt',
								title : '状态',
								width : 120,
								sortable : true,
								formatter : function(val, rec) {
									return zt(val);
								}
							}, {
								field : 'rtime',
								title : '注册时间',
								width : 120,
								formatter : function(val, rec) {
									return formattime(val);
								}
							} ] ],
							pagination : true,
							rownumbers : true,
							toolbar : [
									{
										id : 'btnSearch',
										text : '查 询',
										disabled : false,
										iconCls : 'icon-search',
										handler : function() {									
										searchPurchaseRefund();
									}

									},
									{
										id : 'btncut',
										text : '删 除',
										iconCls : 'icon-cut',
										handler : function() {
											var codes = getSelections();

											if (codes == '') {
												$.messager.alert('提示消息',
														'请选择要删除的数据！', 'info');
											} else {
												$.messager
														.confirm(
																'提示消息',
																'确定要删除所选数据吗？',
																function(r) {
																	if (r) {
																		$(
																				'#processWindow')
																				.window(
																						'open',
																						'aadasdsads');

																		$
																				.ajax( {

																					url : '${ctx}/books/del_book.shtml?Codes=' + codes,
																					type : 'post',
																					datatype : 'text',
																					success : function(
																							returnValue) {
																						if (returnValue) {
																							$(
																									'#processWindow')
																									.window(
																											'close');
																							$(
																									'#roleList')
																									.datagrid(
																											'reload');
																							$(
																									'#roleList')
																									.datagrid(
																											'clearSelections');
																						}
																					}
																				});
																	}
																});
											}
										}
									}, '-', {
										id : 'btnadd',
										text : '添 加',
										iconCls : 'icon-add',
										handler : function() {
											// parent.addTab('添加画廊', '${ctx}/admin/links_add.jsp');
										$('#win').window('open');

									}
									} ]
						});
	});
   
</script>
	</head>

	<body class="easyui-layout" > 
	
		<!-- 查询条件-->
		<div data-options="region:'north',border:true,minimizable:false,maximizable:false"
			style="height:57px; background: #FFF;text-align:center" > 
	
			<form method="post" id="from">
				<table height="29" border="0" id="sel" >
					<tr>
						<td width="63"  >
						名称
						</td>
						<td width="194">
							<input type="text" id="rname" name="rname" />
						</td>
						<td width="60" >
							状态
						</td>
						<td width="182">
							<select name="rzt">
							<option value="0">启用</option>
							<option value="1">禁用</option>
							</select>
						</td>
						<td width="97" align="right">&nbsp;
							
						</td>
						<td width="143">&nbsp;
							
						</td>
						<td width="94" align="right">&nbsp;
							
						</td>
						<td width="143">&nbsp;
							
						</td>
					</tr>					
				</table>
			</form>
		</div>
		<!-- 结束查询条件-->
		<!--数据列表-->
		<div data-options="region:'center'">
			<table id="tt2">
			</table>
		</div>
		<!--结束数据列表-->
	</body>
</html>
